//对于axios进行二次封装
import axios from "axios";
//引入进度条功能
import nprogress from "nprogress";
import "nprogress/nprogress.css";

// 1：利用axios对象的方法create,去创建一个axios实例
// 2: request就是axios,只不过稍微配置一下
let requests = axios.create({
  //基础路径，发送请求时，路径中会出现api
  baseURL: "/api",
  //请求不能超过5S
  timeout: 5000,
});

//请求拦截器----在项目中发请求（请求没有发出去）可以做一些事情
requests.interceptors.request.use((config) => {
  // config:配置对象，对象里面有一个属性很重要，headers请求头
  // config.headers.Authorization = window.sessionStorage.getItem("token");
  //进度条开始动
  nprogress.start();
  return config;
});

//响应拦截器----当服务器手动请求之后，做出响应（相应成功）会执行的
requests.interceptors.response.use(
  (res) => {
    //进度条结束
    nprogress.done();
    //相应成功做的事情
    return res.data;
  },
  (err) => {
    //响应失败的回调函数
    return Promise.reject(new Error("faile"));
  }
);
//最终需要对外暴露（不对外暴露外面模块没办法使用）
//这里的代码是暴露一个axios实例
export default requests;
